*{
margin: 0;
padding: 0;
}
html,body{
height: 100%;
width: 100%;
font: 14px/1.5 "Helvetica neue",Helvetica,Tahoma,"lantinghei sc","Microsoft Yahei",sans-serif;
background-size: 100% 100%;
background-repeat: no-repeat;
background-attachment: fixed;
background-image: url(../img/antiquity/pic33.png);
position: relative;
}

.original-logo{
position: absolute;
top: 100px;
display: none;
}
.container-blog{
position: relative;
background-color: white;
margin: auto 0;
width: 1100px;
height: 1800px;
left: 180px;
top: 100px;
bottom: 100px;
/* z-index: 1000000; */
}
.container-blog h1{
position: absolute;
margin-left: 100px;
margin-top: 20px;
}
h2 a{
position: absolute;
font-size: 40px;
left: 50px;
height: 100px;
background-color: white;
line-height: 100px;

}
.container-blog li{
position: relative;
padding: 50px;
display: list-item;
text-align: -webkit-match-parent;
/* float: left; */
width: 1800px;
/* background-color: pink; */
}
.timeline-line{
position: absolute;
/* top: 1; */
height: 100%;
background: #484348;
position: absolute;
height: 1700px;
width: 2px;
left: 120px;
z-index: 0;
}
.container-blog{
position: relative;
/* float: left; */
}
@font-face {
font-family: 'iconfont'; /* project id 1881993 */
src: url('//at.alicdn.com/t/font_1881993_k4kntc3cm5.eot');
src: url('//at.alicdn.com/t/font_1881993_k4kntc3cm5.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_1881993_k4kntc3cm5.woff2') format('woff2'),
url('//at.alicdn.com/t/font_1881993_k4kntc3cm5.woff') format('woff'),
url('//at.alicdn.com/t/font_1881993_k4kntc3cm5.ttf') format('truetype'),
url('//at.alicdn.com/t/font_1881993_k4kntc3cm5.svg#iconfont') format('svg');
}

.iconfont {
display: inline-block;
font-size: unset;
position: relative;
font-family: "iconfont" !important;
font-size:inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
z-index: 10000000;
width: 50px;
overflow: hidden;
/* 图标和恶文字相邻时，垂直对齐 */
vertical-align: -0.15em;
/* 通过这是color来改变svg的颜色fill */
fill:plump;
/* width: 50px; */
}

.dot-circle {
color: #484348;
width: 5px;
height: 30px;
text-align: center;
/* font-size: 22px; */
z-index: 1;
position: relative;
background: #fff;
margin-left: -7px;
float: left;
width: 3%;
font-size: 22px;
top: 0px;
left: 4px;
margin-left: 1px;
}
.container-blog div{
float: left;
}
.date{
position: relative;
margin-left: -20px;
}
.timeline-month img{
width: 800px;
padding: 20px;

}
.fadeInRight{
position: absolute;
left: 200px;
color: white;
}
.fadeInRight p{
position: absolute;
color: white;

display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;

}
.first {
top: 60px;
}
.first p{
float: left;
}
.first-div{
position: absolute;
width: 800px;
height: 500px;
}
.second{
position: absolute;
width: 800px;
height: 20px;
/* background-color: black; */
margin-top: 500px;
}
.content{
padding: 20px;
background-color: black;
}
.third-div{
position: absolute;
width: 500px;
height: 700px;
}
.fourth{
position: absolute;
margin-top: 670px;
}
.container-blog h1{
position: absolute;
/* top: -10px; */
left: 150px;
}
/* .instagram-feed-area{
  position: relative;
  top: 200px;
} */
/* .classy-menu{
  position: relative;
  top: 200px;
} */
/* .timeline-month img{
width: 1000px;
} */

/* .instagram-feed-area .footer-area{
position: relative;
top: 1000px;
} */
/* .classynav ul{
  position: relative;
  top: 500px;

} */

.icon { 
  width: 1em; 
  height: 1em; 
  vertical-align: -0.15em;
   fill: currentColor; 
   overflow: hidden; }